<template>
  <div class="complete-info">
    <div class="title">
      完善信息
    </div>
    <div class="content">
      <div>
        <div class="left">车型指导价</div>
        <div class="right">{{completeInfo.carModelGuidePrice}}万元</div>
      </div>
      <div>
        <div class="left">地区</div>
        <div class="right">{{completeInfo.region}}</div>
      </div>
      <div>
        <div class="left">颜色</div>
        <div class="right">{{completeInfo.carColor}}</div>
      </div>
      <div>
        <div class="left">了解过的最优惠落地价</div>
        <div class="right">{{completeInfo.knowTheBestPrice}}</div>
      </div>
      <div>
        <div class="left">姓名</div>
        <div class="right">{{completeInfo.userName}}</div>
      </div>
      <div>
        <div class="left">信息费</div>
        <div class="right"><span class="more-color">{{completeInfo.informationCosts}}元</span></div>
      </div>
    </div>
  </div>
</template>

<script>
  export default{
    props: {
      completeInfo: {
        type: Object
      }
    },
    data() {
      return {}
    }
}
</script>

<style scoped lang="less">
  .more-color{
    color: #F60101;
  }
  .complete-info{
    background-color: #FFFFFF;
    padding: 16px;
    .title{
      font-size: 20px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #333333;
      margin-bottom: 16px;
    }
    .content{
      div{
        display: flex;
        justify-content: space-between;
        font-size: 15px;
        font-weight: 400;
        font-family: PingFangSC-Regular, PingFang SC;
        margin: 2% 0;
        .left{
          color: #666666;
        }
        .right{
          color: #000000;
        }
      }
    }
  }
</style>